<!DOCTYPE HTML>
<html>
<head>
    <title>医患通舆情系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- 隐藏导航机工具栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon" href="img/logo.ico" />
    <!-- 禁止手动缩放 -->
    <meta name ="viewport" content="user-scalable=no, width=device-width">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 设置启动画面 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="grey" />

    <link rel="apple-touch-startup-image" href="Startup.png" />

    <link rel="stylesheet" href="css/main.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/yypp.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/hzmy.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/neican.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/apprise.css" type="text/css" charset="utf-8"/>
    <link rel="stylesheet" href="css/jquery-fallr-1.3.css" type="text/css" charset="utf-8"/>
    <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/iscroll.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-fallr-1.3.pack.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.jcarousel.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jqcloud-1.0.1.min.js" type="text/javascript" charset="utf-8"></script>




</head>
<body>
    <div class="__frame">
        <!-- confirm -->
        <div id="confirmBox" style="display:none;">
            <div class="appriseOverlay" id="aOverlay" style="height: 100%; width: 100%; display: block;z-index:999; "></div>
            <div class="appriseOuter" style="left: 330px; top: 200px; display: block; ">
                <div class="appriseInner">
                    <span id="appriseMsg">很抱歉，网络出现问题，请确认网络畅通后重试！</span>
                    <div class="aButtons">
                        <button value="ok" class="aButtons-retry">重　试</button>
                        <button value="ok" class="aButtons-close">关　闭</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- end -->
        <div class="loginPanel">
            <div class="grid-left">
                <div class="login-title"></div>
                <div class="login-slider">
                    <div class="ls-tip"></div>
                    <ul class="slidetabs jcarousel-skin-tango" data-role="slider"></ul>
                    <div class="jcarousel-control"><div class="control_wrap"></div></div>
                </div>
                <div class="login-version">Version 1.0.2</div>
            </div>
            <div class="lg-grid-right">
                <div class="lg-tip">中国领先的网络医疗营销商</div>
                <div class="lg-operate">
                    <h3></h3>
                    <input placeholder="用户名" data-role="username" readonly />
                    <input placeholder="密码" data-role="password" type="password" style="ime-mode : disabled" />
                    <p>
                        <a href="javascript:;" data-role="login" class="lg-btnlogin"></a>
                    </p>
                </div>
                <div class="lg-rblogo"></div>
            </div>
        </div>
        <!-- 网页预览 -->
        <div class="webview">
            <a class="webview_close icon-bg" href="javascript:;"></a>
            <div class="webview_loading">
                <img src="img/loading.gif" class="loading-gif">
            </div>

            <div class="webview_box">
                <iframe src="about:blank" frameborder="0" ></iframe>
            </div>
        </div>
        <!-- 网页END -->
        <!-- 网页Loading状态 -->
        <div class="shade-loading" style="display:none">
            <img src="img/loading.gif" class="loading-gif">
        </div>
        <!-- 网页Loading状态 END -->

        <div id="frm_left">
            <div class="logo"></div>
            <div class="hospitalName "><em class="icon "></em> 北京市第二人民医院</div>
            <div class="menuContainer" id="menuContainer"></div>
        </div>
        <div id="frm_center"></div>
        <div id="frm_right">
            <!-- 右侧内容开始 -->
            <div class="right_loading">
                <img src="img/loading-small.gif">
            </div>
            <div class="title" style="display:none">
                <em class="icon icon_rtitle"></em>
                <h3>新浪微博-四川大学华西医院</h3>
            </div>
            <div class="content">
                <!--微博 -->
                    <div class="wb_wrap" style="display:none;">
                        <div class="userinfo clearfix">
                            <div class="avatar"><img src="img/tmp/tou.jpg" /></div>
                            <div class="wrap">
                                <div class="username">四川大学华西医院</div>
                                <div class="info" title="">四环大学华西医院官方微博</div>
                                <div class="des">关注&nbsp;2000&nbsp;粉丝&nbsp;25万&nbsp;微博&nbsp;3537</div>
                            </div>
                        </div>
                        <!--  纯文 -->
                        <div class="wb_item clearfix">
                           <div class="wb_text">
                                近日，我将上传[花溪医院建院120周年庆典晚会]视频到网上,敬请关注
                           </div>
                           <div class="wb_handle clearfix">
                                <span class="time">2012年10月1日 12:32</span>
                                <span class="opera">转发(0)|评论(23)</span>
                           </div>
                           <div class="wb_split"></div>
                        </div>
                        <!--  图文 -->
                        <div class="wb_item clearfix">
                           <div class="wb_text">
                                近日，我将上传[花溪医院建院120周年庆典晚会]视频到网上,敬请关注
                           </div>
                           <img class="wb_img" src="img/tmp/wb.jpg" />
                           <div class="wb_handle clearfix">
                                <span class="time">2012年10月1日 12:32</span>
                                <span class="opera">转发(0)|评论(23)</span>
                           </div>
                           <div class="wb_split"></div>
                        </div>
                        <!--  转发 -->
                        <div class="wb_item clearfix">
                            <div class="wb_text">
                                敬请大家关注哦
                                    <div class="wb_original clearfix">
                                        近日，我将上传[花溪医院建院120周年庆典晚会]视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上视频到网上,敬请关注
                                       <img class="wb_img" src="img/tmp/wb.jpg" />
                                       <div class="wb_handle ">
                                            <span class="time">2012年10月1日 12:32</span>
                                            <span class="opera">转发(0)|评论(23)</span>
                                       </div>
                                    </div>
                               </div>
                               <div class="wb_handle clearfix">
                                    <span class="time">2012年10月1日 12:32</span>
                                    <span class="opera">转发(0)|评论(23)</span>
                               </div>
                               <div class="wb_split"></div>
                        </div>
                    </div>
                <!--微博  END -->
                <!--图表 -->
                    <!-- 事件 -->
                    <div class="rightMix_warp" style="display:none">
                        <div class="rmix_item rmix_event">
                            <h3>
                                <span>事件</span>
                                应清理门户的何止是太极
                            </h3>
                            <div class="rtItem" style="border:0;">
                                <div class="info">
                                    2012-10-15&nbsp;来自&nbsp;大河网
                                </div>
                                <div class="txt">
                                    一段时间以来，“经梧太极第一代传人闫芳老师收徒仪式上推手”的视频在中国乃至世界引发轩然大波...
                                </div>
                            </div>
                        </div>
                        <!-- 事件 END -->
                        <!-- 统计-->
                        <div class="rignt-chart" style="width:255px;height:300px;" data-role="chart" data-config="{chart:{renderTo:'container',type:'column'},title:{text:'标题'},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},yAxis:{min:0,title:{text:'说明'}},legend:{layout:'vertical',backgroundColor:'#FFFFFF',align:'left',verticalAlign:'top',x:100,y:70,floating:true,shadow:true},tooltip:{formatter:function(){return''+this.x+':'+this.y+'mm';}},plotOptions:{column:{pointPadding:0.2,borderWidth:0}},series:[{showInLegend:false,name:'Tokyo',data:[49.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4]}]}"></div>
                        <img src="img/tmp/chart.jpg" />
                        <!-- 统计 END -->
                        <!-- 跟踪报道-->
                        <div class="rmix_item rmix_mtbd">
                            <h3>
                                <span>媒体报道</span>
                            </h3>
                            <ul>
                                <li>国家批复云南红河军民军用机场建设项目</li>
                                <li>国家批复云南红河军民军用机场建设项目</li>
                                <li>国家批复云南红河军民军用机场建设项目</li>
                            </ul>
                        </div>
                        <!-- 跟踪报道 END -->
                        <!-- 公众反映-->
                        <div class="rmix_item rmix_mtbd">
                            <h3>
                                <span>公众反映</span>
                            </h3>
                            <ul>
                                <li>国家批复云南红河军民军用机场建设项目</li>
                                <li>国家批复云南红河军民军用机场建设项目</li>
                                <li>国家批复云南红河军民军用机场建设项目</li>
                            </ul>
                        </div>
                        <!-- 公众反映 END -->
                    </div>
                <!--图表  END -->
                <!--列表-->
                    <div class="rtlist_wrap" style="display:none">
                    <!-- 纯文 -->
                        <div class="rtItem">
                            <h3 class="item_title">
                                应清理门户的何止是太极
                            </h3>
                            <div class="info">
                                2012-10-15&nbsp;来自&nbsp;大河网
                            </div>
                            <div class="txt">
                                一段时间以来，“经梧太极第一代传人闫芳老师收徒仪式上推手”的视频在中国乃至世界引发轩然大波...
                            </div>
                        </div>
                    <!-- 纯文 END -->
                    <!-- 图文 -->
                    <div class="rtItem alternately">
                        <h3 class="item_title">
                            应清理门户的何止是太极
                        </h3>
                        <div class="info">
                            2012-10-15&nbsp;来自&nbsp;大河网
                        </div>
                        <div class="txt">
                           <img class="rlitem_img" src="img/tmp/wb.jpg" />
                            一段时间以来，“经梧太极第一代传人闫芳老师收徒仪式上推手”的视频在中国乃至世界引发轩然大波...
                            一段时间以来，“经梧太极第一代传人闫芳老师收徒仪式上推手”的视频在中国乃至世界引发轩然大波...
                        </div>
                    </div>
                    <!-- 图文 END -->
                       <div class="rtItem">
                            <h3 class="item_title">
                                应清理门户的何止是太极
                            </h3>
                            <div class="info">
                                2012-10-15&nbsp;来自&nbsp;大河网
                            </div>
                            <div class="txt">
                                一段时间以来，“经梧太极第一代传人闫芳老师收徒仪式上推手”的视频在中国乃至世界引发轩然大波...
                            </div>
                        </div>
                       <div class="rtItem alternately">
                            <h3 class="item_title">
                                应清理门户的何止是太极
                            </h3>
                            <div class="info">
                                2012-10-15&nbsp;来自&nbsp;大河网
                            </div>
                            <div class="txt">
                                一段时间以来，“经梧太极第一代传人闫芳老师收徒仪式上推手”的视频在中国乃至世界引发轩然大波...
                            </div>
                        </div>
                        <ul class="navitator">
                            <li data-index="pre">&lt;</li>
                            <li data-index="0">1</li>
                            <li data-index="1" class="current">2</li>
                            <li data-index="2">3</li>
                            <li class="nav_ellipsis">&nbsp;...&nbsp;</li>
                            <li data-index="mext">&gt;</li>
                        </ul>
                </div>
                <!--列表  END -->
            </div>
            <!-- 右侧内容 END -->
        </div>
    </div>
    <!-- 菜单 -->
    <script type="text/html" id="tpl_menu">
        <ul class="mainMenu">
            {{each list as item index}}
                <li {{if item["act"]}}class="active"{{/if}} data-key='{{item["name"]}}'>
                    <em class='icon i-{{item["name"]}}'></em>{{item["text"]}}
                </li>
            {{/each}}
        </ul>
    </script>
    <script type="text/javascript" charset="utf-8">
        $(function(){
            berserker.addView({
                name:'menu',
                tpl:'tpl_menu',
                done:function(host){
                    var CLS_ACTIVE = 'active';
                    $('li',host).on('click',function(){
                        var item = $(this);
                        if(item.hasClass('active')){
                            return
                        }
                        $('.'+CLS_ACTIVE,host).removeClass(CLS_ACTIVE);
                        item.addClass(CLS_ACTIVE);
                        berserker.getView($(this).attr('data-key')).render('#frm_center');
                    })
                    $('li.'+CLS_ACTIVE,host).removeClass(CLS_ACTIVE).click();
                }
            })
        })
    </script>
    <!--医院品牌-->
    <script type="text/html" id="tpl_yypp">
        <div class="tabview">
            <ul>
                <li class="tab">整体情况</li>
                <li class="tab">医院互动</li>
                <li class="tab">医生互动</li>
            </ul>
            <div class="tabContent">
                <div class="chart-line-labels"
                    data-chart="yypp-chart1" style="width:600px;height:250px;border-bottom:1px solid #ccc;">
                </div>
                <div style="height:235px;">
                    <div style="width:300px;float:left;height:235px;" data-chart="yypp-chart2"></div>
                    <div style="width:50%;float:left;height:100%;">
                        <table width="95%;" style="margin-top:30px;" align="center" data-config="">
                            {{if table1["title"]}}
                            <thead>
                                <tr>
                                    <th colspan="4">{{table1["title"]}}</th>
                                </tr>
                            </thead>
                            {{/if}}
                            <tbody>
                                {{each table1["rows"] as item index}}
                                    <tr>
                                        <td data-role="listing">{{item[0]}}</td>
                                        <td data-role="listing">{{item[1]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                    </tr>
                                {{/each}}
                            </tbody>
                        </table>
                    </div>
                </div>
                <div style="width:100%;float:left;height:225px;width:603px" class="split_top">
                    <ul class="yypp_title">
                        <li data-role="listing">患者反馈</li>
                        <li data-role="listing">媒体报道</li>
                        <li data-role="listing">热点事件</li>
                    </ul>
                    <ul class="yypp_listBox ctlist">
                        {{ each list_dzfk as item index}}
                            <li data-role="webview" {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                    <ul class="yypp_listBox ctlist">
                        {{ each list_mtbd as item index}}
                            <li data-role="webview" {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                    <ul class="yypp_listBox ctlist">
                        {{ each list_rdsj as item index}}
                            <li data-role="webview" {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                </div>
            </div>
            <div class="tabContent">
                <!-- 第一个chart -->
                    <div style="width:600px;float:left;height:330px;" class="chart-line-labels" data-chart="yypp-chart3"></div>
                <!-- 中间的跑马灯 -->
                <div class="pmd">
                    <div class="pmdtit">医生互动</div>
                    <ul class="grid-1u slidetabs jcarousel-skin-tango">
                        {{ each yhdh as item index}}
                            <li>
                                <div data-role="webview" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</div>
                            </li>
                        {{/each}}
                    </ul>
                </div>
                <!-- 最后的两个柱状图 -->
                <div class="grid-2u-1">
                    <div style="width:299px; height:330px;" class="chart-line-labels split_right" data-chart="yypp-chart4">
                    </div>
                </div>
                <div class="grid-2u-1">
                    <div style="width:299px; height:330px;" class="chart-line-labels" data-chart="yypp-chart5">
                    </div>
                </div>
            </div>
            <div class="tabContent">
                <!-- 柱状图和   列表*2 -->
                <div class="grid-2u-1">
                    <div style="width:299px; height:341px;" class="chart-line-labels split_right" data-chart="yypp-chart6"></div>
                </div>
                <div class="grid-2u-1">
                    <ul class="yshdlist ctlist" style="padding:0;"'>
                        {{ each list_yshd as item index}}
                            <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                    <br style="clear:both" />
                </div>
                <!-- tabView -->
                <ul style="float:left" class="yypp_title split_top">
                    <li style="width:600px" class="listTitle ">科室互动</li>
                </ul>
                <div style="width:300px;height:335px;float:left; position:relative;" class="split_right">
                    <div style="width:300px;height:335px;float:left; position:relative;overflow-y:hidden;overflow-x:auto;" data-role="kswrap">
                        <div style="width:600px;height:315px;border:0" class="chart-line-labels" data-chart="yypp-chart7"></div>
                    </div>
                </div>

                <ul class="ctlist" style="float:right;width:298px;overflow:auto;height:335px">
                    {{ each list_ksxx as item index}}
                        <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
            </div>
        </div>
    </script>
    <!-- 患者满意度 -->
    <script type="text/html" id="tpl_hzmy">
        <div class="tabview">
            <ul>
                <li class="tab">整体情况</li>
                <li class="tab">满意度</li>
                <li class="tab">质疑率</li>
            </ul>
            <div class="tabContent">
                <div style="float:left;height:248px;width:100%;">
                    <div style="width:300px;float:left;height:248px;" data-chart="hzmy-chart1"></div>
                        <div style="width:298px;float:left;height:248px;" class="split_left">
                        <ul class="yshdlist ctlist">
                            {{ each list_hzmy as item index}}
                                <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-role="listing" data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                            {{/each}}
                        </ul>
                    </div>
                </div>
                <div style="float:left;height:81px;padding:0 5px;background-color:#dbe0ed;width:590px" class="split_top split_bottom">
                    <div class="pmdtit2">患者满意</div>
                    <ul style="float:left;" class="hzmy_total">
                        {{ each total as item index}}
                            <li><span class="total_title">{{item["title"]}}</span>：<span class="total_number">{{item["number"]}}</span></li>
                        {{/each}}
                    </ul>
                    <ul class="hzmy_recomlist">
                        {{ each recomlist as item index}}
                            <li data-url="{{item["url"]}}" data-role="webview">{{item["title"]}}</li>
                        {{/each}}
                    </ul>
                </div>
                <div style="float:left;height:375px;width:100%;">
                    <div class="chart-line-labels" data-chart="hzmy-chart2" style="width:600px;height:375px;border-bottom:1px solid #ccc;"></div>
                </div>
            </div>
            <div class="tabContent">
                <div style="float:left;height:250px;width:600px;">
                    <div class="chart-line-labels" data-chart="hzmy-chart3" style="width:600px;height:250px;border-bottom:1px solid #ccc;">
                    </div>
                </div>
                <div class="pmdtit2">最新满意</div>
                <div style="width:470px;height:92px;float:left;">
                    <ul class="grid-2u-1 ctlist ctlist2 hzmy-my-list">
                        {{ each satisfiedlist as item index}}
                            {{if index >=0 }}
                                {{if index <3}}
                                    <li data-role="listing" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{index+1}}&nbsp;{{item['title']}}</li>
                                {{/if}}
                            {{/if}}
                        {{/each}}
                    </ul>
                    <ul class="grid-2u-1 ctlist ctlist2 hzmy-my-list" style="width:233px;">
                        {{ each satisfiedlist as item index}}
                            {{if index >2 }}
                                {{if index <6}}
                                    <li data-role="listing" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{index+1}}&nbsp;{{item['title']}}</li>
                                {{/if}}
                            {{/if}}
                        {{/each}}
                    </ul>
                </div>
                <div style="width:600px; height:364px;float:left;" class="chart-line-labels split_top" data-chart="hzmy-chart4"></div>
            </div>
            <div class="tabContent">
                <div style="float:left;height:250px;width:600px;">
                    <div class="chart-line-labels" data-chart="hzmy-chart5" style="width:600px;height:250px;border-bottom:1px solid #ccc;"></div>
                </div>
                <div class="pmdtit2">最新质疑</div>
                <div style="width:470px;height:92px;float:left;">
                    <ul class="grid-2u-1 ctlist ctlist2 hzmy-my-list">
                        {{ each querylist as item index}}
                            {{if index >=0 }}
                                {{if index <3}}
                                    <li data-role="listing" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{index+1}}&nbsp;{{item['title']}}</li>
                                {{/if}}
                            {{/if}}
                        {{/each}}
                    </ul>
                    <ul class="grid-2u-1 ctlist ctlist2 hzmy-my-list" style="width:233px;">
                        {{ each querylist as item index}}
                            {{if index >2 }}
                                {{if index <6}}
                                    <li data-role="listing" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{index+1}}&nbsp;{{item['title']}}</li>
                                {{/if}}
                            {{/if}}
                        {{/each}}
                    </ul>
                </div>
                <div style="width:600px; height:365px;float:left" class="chart-line-labels split_top" data-chart="hzmy-chart6">
                </div>
            </div>
        </div>
    </script>
    <!-- 媒体报道 -->
    <script type="text/html" id="tpl_mtbd">
        <div class="tabview">
            <ul>
                <li class="tab">整体情况</li>
                <li class="tab" data-role="1">来源分析</li>
                <li class="tab" data-role="2">内容分析</li>
            </ul>
            <div class="tabContent">
                <div class="chart-line-labels" data-chart="mtbd-chart1" style="width:600px;height:239px;"></div>

                <!-- 中间的跑马灯 -->
                <div class="pmd">
                    <div class="pmdtit">{{ list_mtgd["title"] }}</div>
                    <ul class="grid-1u slidetabs jcarousel-skin-tango">
                        {{ each list_mtgd["list"] as item index}}
                            <li data-role="webview" data-url="{{item['url']}}" title="{{item['title']}}">
                                <div class="{{if item["isgood"]}}mark-good{{else}}mark-bad{{/if}}" >{{item['title']}}</div>
                            </li>
                        {{/each}}
                    </ul>
                </div>
                <div style="height:200px;width:600px;float:left;">
                    <div style="width:240px;float:left;height:200px;" data-chart="mtbd-chart2"></div>
                    <div style="width:360px;float:left;">
                        <table width="95%;" style="margin-left:5px;margin-top:30px" data-config="">
                            {{if table1["title"]}}
                            <thead>
                                <tr>
                                    <th colspan="4">{{table1["title"]}}</th>
                                </tr>
                            </thead>
                            {{/if}}
                            <tbody>
                                {{each table1["rows"] as item index}}
                                    <tr>
                                        <td data-role="listing">{{item[0]}}</td>
                                        <td data-role="listing">{{item[1]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                        <td data-role="listing">{{item[2]}}</td>
                                    </tr>
                                {{/each}}
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="clear"></div>
                <ul class="yypp_title split_top">
                    <li data-role="listing">{{list_good["title"]}}</li>
                    <li data-role="listing">{{list_bad["title"]}}</li>
                    <li data-role="listing">{{list_zr["title"]}}</li>
                </ul>
                <ul class="grid-3u-1 yypp_listBox ctlist">
                    {{ each list_good["list"] as item index}}
                        <li data-role="webview" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <ul class="grid-3u-1 yypp_listBox ctlist">
                    {{ each list_bad["list"] as item index}}
                        <li data-role="webview" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <ul class="grid-3u-1 yypp_listBox ctlist">
                    {{ each list_zr["list"] as item index}}
                        <li data-role="webview" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
            </div>
            <div class="tabContent" data-role="ly">
                <div class="grid-1u">
                    <div style="width:600px; height:260px;" class="chart-line-labels" data-chart="mtbd-chart3"></div>
                </div>
                <div class="grid-1u">
                    <ul class="yypp_title split_top">
                        {{ each list_media as mediaitem idx}}
                            <li data-role="listing">{{mediaitem["title"]}}</li>
                        {{/each}}
                    </ul>
                    {{ each list_media as media idx}}
                        <ul class="grid-3u-1 yypp_listBox-small ctlist">
                            {{ each media["list"] as item index}}
                                <li data-role="webview" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{item['title']}}</li>
                            {{/each}}
                        </ul>
                    {{/each}}
                </div>
                <div class="grid-1u tagCloud" style="height:292px" data-key="ly"></div>
            </div>
            <div class="tabContent" data-role="nr">
                <div class="grid-1u">
                    <div style="width:600px; height:260px;" class="chart-line-labels" data-chart="mtbd-chart4"></div>
                </div>
                <ul class="yypp_title split_top" style="float:left">
                    <li class="listTitle" style="width:600px">{{list_mdpm["title"]}}</li>
                </ul>
                <ul class="grid-2u-1 ctlist ctlist2">
                    {{ each list_mdpm["list"] as item index}}
                        {{if index >=0 }}
                            {{if index <3}}
                                <li data-role="listing" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{index+1}}&nbsp;{{item['title']}}</li>
                            {{/if}}
                        {{/if}}
                    {{/each}}
                </ul>
                <ul class="grid-2u-1 ctlist ctlist2" style="width:298px;">
                    {{ each list_mdpm["list"] as item index}}
                        {{if index >2 }}
                            {{if index <6}}
                                <li data-role="listing" data-url="{{item['url']}}" {{ if index%2 !== 0 }}class="even-item"{{/if}} title="{{item['title']}}">{{index+1}}&nbsp;{{item['title']}}</li>
                            {{/if}}
                        {{/if}}
                    {{/each}}
                </ul>
                <div class="grid-1u tagCloud split_top" style="height:322px" data-key="nr"></div>
            </div>
        </div>
    </script>
    <!-- 主题事件 -->
    <script type="text/html" id="tpl_ztsj">
        <div class="tabview">
            <ul>
                <li class="tab">整体情况</li>
                <li class="tab" data-role="1" data-chart="zm">正面事件</li>
                <li class="tab" data-role="2" data-chart="fm">负面事件</li>
            </ul>
            <div class="tabContent">
                <div style="height:248px;width:299px;" class="grid-2u-1" data-chart="ztsj-chart1" ></div>
                <div class="grid-2u-1 split_left">
                    <ul class="yshdlist ctlist">
                        {{ each list_pop["list"] as item index}}
                            <li data-role="webview"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                        {{/each}}
                    </ul>
                </div>
                <div class="grid-1u split_top split_bottom">
                    <div style="width:600px; height:300px;" class="chart-line-labels" data-chart="ztsj-chart2"></div>
                </div>
                <div class="clear"></div>
                <ul class="yypp_title yypp_title_large">
                    <li>{{list_zm["title"]}}</li>
                    <li>{{list_fm["title"]}}</li>
                </ul>

                <ul class="grid-2u-1 yypp_listBox yypp_listBox-large ctlist">
                    {{ each list_zm["list"] as item index}}
                        <li data-role="listing"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <ul class="grid-2u-1 yypp_listBox yypp_listBox-large ctlist">
                    {{ each list_fm["list"] as item index}}
                        <li data-role="listing"  {{ if index%2 !== 0 }}class="even-item"{{/if}} data-url="{{item['url']}}" title="{{item['title']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
            </div>
            <div class="tabContent">
                <div class="grid-1u">
                    <div style="width:600px; height:328px;" class="chart-line-labels" data-chart="ztsj-chart3"></div>
                </div>
                <div class="grid-1u tagCloud split_top" style="height:375px" data-key="zm"></div>
            </div>
            <div class="tabContent">
                <div class="grid-1u">
                    <div style="width:600px; height:328px;" class="chart-line-labels" data-chart="ztsj-chart4"></div>
                </div>
                <div class="grid-1u tagCloud split_top" style="height:375px" data-key="fm"></div>
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_ylnc"></script>
    <script type="text/html" id="tpl_qwbd">
        <div class="hyyw" style="width:859px;margin:0 auto;">
            <div class="top-nav">
                <div class="nav-pre"><em class="nc-icon"></em></div>
                <ul class="top-nav-box">
                    {{ each list as item index}}
                        <li {{ if item["act"] }} class="top-nav-act" {{/if}}  data-url="{{item['url']}}">{{item['title']}}</li>
                    {{/each}}
                </ul>
                <div class="nav-next"><em class="nc-icon"></em></div>
            </div>
            <embed width="100%" height="728px" name="plugin" src="http://pad.com/ipad/qwbd/2012.12.pdf" type="application/pdf">
            <iframe width="100%" height="728px" frameborder="0" style="background-color:#fff;display:none;" src=""></iframe>
        </div>
    </script>
    <script type="text/html" id="tpl_lgSlider">
        {{each list as item index}}
        <li>
            <img src="{{item["img"]}}">
            <div class="slid-info">
                <h3>{{item["title"]}}</h3>
                {{item["text"]}}
            </div>
        </li>
        {{/each}}
    </script>

    <script type="text/javascript" src="view/yypp.js?as" charset="utf-8"></script>
    <script type="text/javascript" src="view/hzmy.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/mtbd.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/ztsj.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/ylnc.js" charset="utf-8"></script>
    <script type="text/javascript" src="view/qwbd.js" charset="utf-8"></script>
</body>
</html>
<script src="js/template.js" type="text/javascript" charset="utf-8"></script>
<script src="js/template-syntax.js" type="text/javascript" charset="utf-8"></script>
<script src="js/view.js" type="text/javascript" charset="utf-8"></script>
<script src="js/berserker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/chart.config.js" type="text/javascript" charset="utf-8"></script>
<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>